.date_line {
	height: 320px;
	padding:10px;
	border:solid 1px #FFF;
}
.date_info {
	height: 245px;
	background-color: #0d0d0d;
	border: 2px solid #666;
}
.date_info .date_info_layout .date_info_body {
	color: #FF0;
	padding: 5px;
	height: 225px;
	width: 250px;
	float: left;
}
.date_info_body .date_info_item {
	background-image: url(../images/gen_info_item.png);
	height: 42px;
	width: 250px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
	display:block;
}
.date_info_body .date_info_item .value {
	background-color: #CCC;
	height: 40px;
	width: 117px;
	float: right;
	background-image: url(../images/item_info_value.png);
	background-repeat: no-repeat;
}
.date_info_body .date_info_item .item_desc {
	float: left;
	width: 130px;
	height: 43px;
	line-height: 43px;
	text-align: center;
}
.date_info_body .date_info_item .item_desc {
	float: left;
	width: 130px;
	height: 43px;
	line-height: 43px;
	text-align: center;
}
.date_info.borderRadius .date_info_body .date_info_item .value .text {
	float: left;
	height: 43px;
	width: 70px;
	line-height: 43px;
	text-align: center;
}
.date_info.borderRadius .date_info_body .date_info_item .value .text {
	float: left;
	height: 43px;
	width: 70px;
	line-height: 43px;
	text-align: center;
}
.date_info_body .date_info_item .value .dimension {
	line-height: 43px;
	float: left;
	height: 43px;
	width: 40px;
}
.date_info_body .date_info_item .value .dimension {
	line-height: 43px;
	float: left;
	height: 43px;
	width: 40px;
}
.date_info_layout {
	margin: auto;
	height: 225px;
	width: 800px;
}
.date_info_body .date_info_item .value .text.stat_on {
	background-image: url(../images/gen_status.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin-top:5px;
}
.date_info_body .date_info_item .value .stat_on {
	background-image: url(../images/gen_status.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: 4px auto;
}
#graphy #graphy_content {
	height: 100%;
	position:relative;
	float:left;
	cursor: crosshair;
}
#graphy #legend {
	height: 100%;
	width: 100px;
	
	float:right;
	position:relative;
	border:solid 1px #FFF;
	padding: 3px;
}
.line {
	visibility: hidden;
	background-color: red;
	position: absolute;
	pointer-events: none;  /* let mouse events fall through to the chart */
}
.yline {
	width: 100%;
	height: 1px;
}
.xline {
	height: 100%;
	width: 1px;
}
